/* pages/topicality/ruxue/ruxue.wxss */
page{background-color: #F6F5F8;}
.body{margin: 0rpx;}

/* 轮播图 */
.swimg{width: 686rpx;height: 294rpx;border-radius: 10rpx;position: relative;}
.imgtext{background:rgba(0,0,0,0.41);padding:10rpx 20rpx;width: 651rpx;
  border-radius:0rpx 0rpx 10rpx 10rpx;font-size:28rpx;color: #ffffff;position: absolute;bottom: 0;}

/* 必用助手 */
.aide-box{background:rgba(255,255,255,1);opacity:1;border-radius:7px;padding: 40rpx 30rpx;margin: 0 30rpx;}
.title{font-size:34rpx;font-family:PingFang SC;font-weight:600;
color:rgba(36,36,36,1);opacity:1;}
.aide-icon-box{display: flex;align-items: center;margin-top: 44rpx;}
.aide-icon{display: flex;flex-direction: column;align-items: center;margin-right: 70rpx;}
.aide-icon image{width: 70rpx;height: 70rpx;}
.aide-icon text{font-size:26rpx;font-family:PingFang SC;font-weight:500;
color:rgba(36,36,36,1);opacity:1;margin-top: 22rpx;width: 104rpx;}

/* 阶段 */
.stage-box{margin-bottom: 50rpx;position: relative;height: 100%}
.stageAbsolute{display: flex;justify-content: center;padding-top: 30rpx;}
.stageFixed{background-color: #ffffff;margin-bottom: 0rpx;padding: 30rpx 55rpx;
position: fixed;top: 0rpx;z-index:5;width: 100%;display: flex;justify-content: center;}
.stage-title{display: flex;flex-direction: column;align-items: center; margin-right: 75rpx;}
.stage-title text{font-size:30rpx;font-family:PingFang SC;font-weight:600;line-height:42rpx;
opacity:1;margin-bottom: 15rpx;white-space:nowrap;}
.stage-title image{width: 42rpx;height: 19rpx;}
/* 阶段详情 */
.stage-content{background:rgba(255,255,255,1);opacity:1;border-radius:7px;padding: 32rpx 30rpx;margin:0 30rpx 30rpx 30rpx;}
.text1{font-size:26rpx;font-family:PingFang SC;font-weight:400;line-height:36rpx;
color:rgba(100,100,100,1);opacity:1;margin-top: 24rpx;}
.stage-icon-center{margin: 0 10rpx;}
.stage-icon-box{display: flex;align-items: center;margin-top: 44rpx;
flex-wrap: wrap;}
.stage-icon{display: flex;flex-direction: column;align-items: center;margin-right: 70rpx;
margin-bottom: 24rpx;}
.stage-icon:nth-child(3n){margin-right:0rpx;}
.stage-icon image{width: 78rpx;height: 78rpx;}
.stage-icon text{font-size:26rpx;font-family:PingFang SC;font-weight:500;
color:rgba(84,84,84,1);opacity:1;margin-top: 22rpx;width: 156rpx;text-align: center;}
/* 文章列表 */
.content{border-bottom: 1rpx solid #CCCCCC;padding:20rpx 0;display: flex;align-items: center;justify-content: space-between;margin-top: 10rpx;}
.content .title{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.content text{font-size:28rpx;font-family:PingFang SC;font-weight:400;color:rgba(0,0,0,1);}
.content image{width:188rpx;height:140rpx;border-radius:4rpx;margin-left: 20rpx;flex-shrink: 0;}
.zuan-time{display: flex;align-items: center;justify-content: space-between; margin-top:15rpx; 
  width: 100%;}
.zuanti{border:2rpx solid rgba(255,102,0,1);opacity:1;border-radius:16rpx;font-size:18rpx;
  font-family:PingFang SC;font-weight:500;color:rgba(255,102,0,1);padding:5rpx 12rpx;}
.time{font-size:24rpx;font-family:PingFang SC;font-weight:400;color:rgba(153,153,153,1);}
.content:last-child{border: none}
/* 只显示前几条数据 */
.content:nth-of-type(n+4){display:none;}

.contents{border-bottom: 1rpx solid #CCCCCC;padding:20rpx 0;display: flex;align-items: center;justify-content: space-between;margin-top: 10rpx;}
.contents .title{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start}
.contents text{font-size:28rpx;font-family:PingFang SC;font-weight:400;color:rgba(0,0,0,1);}
.contents image{width:188rpx;height:140rpx;border-radius:4rpx;margin-left: 20rpx;flex-shrink: 0;}
.contents:last-child{border: none}


/* 是否省略 */
/* 修改列数*/
.ellipsis {
  -webkit-line-clamp: 3;
  opacity: 0.75;
  overflow: hidden; 
}
/* 查看更多 */
.see-more{display: flex;justify-content: center;margin-top: 20rpx;}
.see-more view{background-color: #EEEEEE;padding: 20rpx 40rpx;font-size:26rpx;border-radius:12rpx;
font-family:PingFang SC;font-weight:600;color: #141414;text-align: center;width: 200rpx;}

